<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>电子科技大学成都研究院</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>新闻中心</title>
<link rel="stylesheet"
	href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"
	href="/css/bootstrap.min.css">
<link rel="stylesheet" th:href="@{/css/mystyle.css}"
	href="/css/mystyle.css">
<script th:src="@{/js/jquery.min.js}" src="/js/jquery.min.js"></script>
<script th:src="@{/js/myscipt.js}" src="/js/myscipt.js"></script>
<script th:src="@{/js/bootstrap.min.js}" src="/js/bootstrap.min.js"></script>
<style type="text/css">
#news-list {
	list-style: none;
	padding: 0px
}

#news-list li {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	border-bottom: 1px solid #DCDCDC;
}

#news-list li a {
	color: #474545;
}

#news-list li a:hover {
	color: #f39800;
}

#news-list li span {
	float: right;
	color: #63666b;
}

.myul {
	list-style: none;
	padding: 0px;
	margin: 0px
}

.myul li {
	line-height: 16px;
	font-size: 14px;
	color: #474545;
	padding: 5px 0;
}

.myul li a {
	color: #474545
}

.myul li a:hover, .mylink:hover {
	color: #f39800
}

.pagination {
	font-size: 14px;
	/* 	border: 1px #dadada solid;
	border-top: 1px #f5f5f5 solid; */
}

.page-item {
	border-radius: 0px;
	border: 1px #f5f5f5 solid;
}

.page-item a {
	background-color: #e5e6e7;
	color: #555
}

.page-item a:hover {
	background-color: #f39800;
	color: white;
}

.mylink {
	color: #888;
}

.mynavbar li a:hover {
	color: #f39800
}

.mynavbar li a {
	color: #474545
}

.list-group .list-group-item {
	border-radius: 0;
}

.list-group .list-group-item.myactive {
	padding-left: 30px;
	color: #f39800;
	font-weight: bold
}

.list-group-item {
	background-color: #e5e6e7;
	color: #555;
	border: none;
	border-bottom: 1px #dadada solid;
	border-top: 1px #f5f5f5 solid;
}

.list-group .list-group-item#title2:hover {
	color: white;
	background-color: #f39800;
}

.list-group-item.active {
	background-color: #005bac;
}

.list-group-item-text {
	font-size: 14px
}
</style>
</head>
<body>
	<!-- 头部 -->
	<header th:replace="~{templates/header::.container-fluid}"> </header>
	<div id="slider" th:replace="~{templates/slider::.container-fluid}"></div>
	<div class="container" style="padding-top: 30px;min-height: calc(100vh - 76px - 180px - 170px);">
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-3">
				<div class="list-group">
					<a class="list-group-item active" style="height: 100px;">
						<h3 class="list-group-item-heading" style="padding-top: 15px">关于我们</h3>
					</a> <a th:href="@{/aboutus/0}" href="/aboutus/0" id="title2"
						class="list-group-item" style="padding-left: 30px"> <span
						class="list-group-item-text">研究院介绍</span>
					</a> <a th:href="@{/aboutus/2}" href="/aboutus/2" id="title2"
						class="list-group-item" style="padding-left: 30px"> <span
						class="list-group-item-text">组织架构</span>
					</a> <a th:href="@{/aboutus/3}" href="/aboutus/3" id="title2"
						class="list-group-item" style="padding-left: 30px"> <span
						class="list-group-item-text">领导团队</span>
					</a> <a th:href="@{/aboutus/4}" href="/aboutus/4" id="title2"
						class="list-group-item" style="padding-left: 30px"> <span
						class="list-group-item-text">荣誉资质</span>
					</a> <a th:href="@{/aboutus/1}" href="/aboutus/1" id="title2"
						class="list-group-item myactive" style="padding-left: 30px"> <span
						class="list-group-item-text">孵化及合作企业</span>
					</a>
				</div>
			</div>
			<div class="col-lg-9 col-md-9 col-sm-9">
				<div>
					<h4
						style="color: #474545; display: inline-block; margin-bottom: 0px; padding-bottom: 10px; border-bottom: 3px #f39800 solid;">孵化及合作企业</h4>
					<div id="f-14" style="float: right; padding: 15px 5px 0 0;">
						<span style="color: #63666b"> 当前位置：</span> <a class="mylink"
							th:href="@{/}">首页</a> <span style="color: #888">></span> <a
							class="mylink" th:href="@{/aboutus2}">孵化及合作企业</a>
					</div>
				</div>
				<hr style="margin: 0px">
				<div id="content">
					<ul id="news-list">

						<li th:each="item:${aboutUsDetails}"><a
							th:href="${item.link}" th:text="${item.title}">担负新使命 聚焦新任务
								把握新要求</a><span style="color: #aaa"
							th:text="${#dates.format(item.createTime, 'yyyy-MM-dd')}">2018-03-06</span></li>
					</ul>
					<nav aria-label="Page navigation example">
						<ul class="pagination">
							<li class="page-item"><a class="page-link"
								th:href="@{'/aboutus2?pageNum='+${pageInfo.prePage}}">上一页</a></li>
							<li class="page-item"
								th:each="i:${#numbers.sequence(pageInfo.pageNum, (pageInfo.pages-pageInfo.pageNum)>6?(pageInfo.pageNum+6):pageInfo.pages)}"><a
								class="page-link" th:text="${i}"
								th:href="@{'/aboutus2?pageNum='+${i}}">1</a></li>
							<li class="page-item"><a class="page-link"
								th:href="@{'/aboutus2?pageNum='+${pageInfo.nextPage}}">下一页</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<footer
		style="float: left; height: 180px; width: 100%; background-color: #DEDEDE; margin-top: 30px"
		th:insert="~{templates/footer::.container}"> </footer>
</body>
</html>